<template>
  <div>
    <Form ref="vuexArticleSeo" :model="vuexArticleSeo" :rules="ruleValidate" :label-width="100">
   <FormItem label="优化标题" prop="seo_title">
        <Input v-model="vuexArticleSeo.seo_title" placeholder="请输入标题"></Input>
      </FormItem>
    <FormItem label="301重定向" prop="rejump">
        <Input v-model="vuexArticleSeo.rejump" placeholder="请输入重定向网址"></Input>
      </FormItem>
    <FormItem label="访问量" prop="view_count">
        <Input v-model="vuexArticleSeo.view_count" placeholder="请输入访问量"></Input>
      </FormItem>
      <FormItem label="tag词" prop="tags">
        <Input v-model="vuexArticleSeo.tags" placeholder="请输入tag词"></Input>
      </FormItem>
      <FormItem label="关键字" prop="seo_keywords">
        <Input v-model="vuexArticleSeo.seo_keywords" placeholder="请输入SEO关键字"></Input>
      </FormItem>
      <FormItem label="页面描述" prop="seo_description">
        <textarea class="form-control"v-model="vuexArticleSeo.seo_description"
         style="height: 200px; max-width: 1200px; width: 900px; border: 1px solid #e5e6e7; outline-color:#bdb9dd;"></textarea>
      </FormItem>
    </Form>
  </div>
</template>
<!-- 公共弹框，成功，失败，报错，loading -->
<script>
import Tables from '_c/tables'
import {
  mapState
} from 'vuex'
import {
  initConfig
} from '@/config/global.js'
export default {
  name: 'tables_page',
  components: {
    Tables
  },
  created () {
    this.getList()
  },
  watch: {

  },
  mounted () {

  },
  computed: {
    ...mapState({
      vuexArticleSeo: state => state.article.vuexArticleSeo
    })
  },
  data () {
    return {
      initConfig: initConfig,
      formValidate: {},
      tableData: [],
      ruleValidate: {}

    }
  },
  methods: {
    // 列表数据
    getList () {
      let type = 'success'
      // this.$Message[type]({
      //   background: true,

      // });
    },

    change (status) {
      this.$Message.info('开关状态：' + status)
    }
  }

}
</script>

<style lang="scss">
  @import "./better-setting";
</style>
